<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>书城首页</title>
	<%-- 静态包含头部信息--%>
	<%@include file="/pages/common/header.jsp"%>

	<%-- 增加 删除 按钮的 确认窗口	--%>
	<script type="text/javascript">
		$(function () {
			// 绑定单击事件， 跳到 指定的页码
			$("#searchPageBtn").click(function () {
				var pageNo = $("#pn_input").val();

				// 处理跳转的页码超出边界的情况
				if(pageNo < 1) pageNo = 1;
				if(pageNo > ${requestScope.page.pageTotal}) pageNo = ${requestScope.page.pageTotal};

				// 将地址改为动态
				// location.href = "http://localhost:8080/book/manager/bookServlet?action=page&pageNo=" + pageNo;
				location.href = "${pageScope.base}client/bookServlet?action=page&pageNo=" + pageNo;
			})

			// $("button.addItem").click(function () {
			// 	// 将 this 转换为 jQuery 对象， 获取 bookId的属性值
			// 	var bid = $(this).attr("bookId");
			// 	location.href = "http://localhost:8080/book/cartServlet?action=addItem&id=" + bid;
			// })
			// 加入购物车修改为Ajax请求
			$("button.addItem").click(function () {
				var bid = $(this).attr("bookId");
				$.getJSON("http://localhost:8080/book/cartServlet", "action=ajaxAddItem&id=" + bid, function (data) {
					$("#cartTotalCount").text(data.totalCount);
					$("#cartLastName").text(data.lastName);
				})
			})

		})
	</script>
</head>
<body>
	
	<div id="header">
			<img class="logo_img" alt="" src="static/img/logo.gif" >
			<div>
				<%--  如果用户未登录，则显示登录和注册 --%>
				<c:if test="${empty sessionScope.user}">
					<a href="pages/user/login.jsp">登录</a> |
					<a href="pages/user/regist.jsp">注册</a> &nbsp;&nbsp;
				</c:if>

				<c:if test="${not empty sessionScope.user}">
					<%--  登录成功后显示用户信息，而不是重复登录 ,管理员不显示欢迎、我的订单 --%>
					<c:if test="${sessionScope.user ne 'admin'}">
						<span>欢迎<span class="um_span">${sessionScope.user}</span>光临书城</span>
						<a href="orderServlet?action=showUserOrders">我的订单</a>
					</c:if>
					<a href="userServlet?action=logout">注销</a>&nbsp;&nbsp;
				</c:if>

				<%-- 管理员无购物车功能 --%>
				<c:if test="${sessionScope.user ne 'admin'}">
					<a href="pages/cart/cart.jsp">购物车</a>
				</c:if>
				<%-- 管理员才会进入后台管理 --%>
				<c:if test="${sessionScope.user eq 'admin'}">
						<a href="pages/manager/manager.jsp">后台管理</a>
				</c:if>

			</div>
	</div>
	<div id="main">
		<div id="book">
			<div class="book_cond">
				<form action="client/bookServlet" method="get">
					<input type="hidden" name="action" value="pageByPrice">
					<!--jsp页面回显价格区间-->
					价格：<input id="min" type="text" name="min" value="${param.min}"> 元 -
						<input id="max" type="text" name="max" value="${param.max}"> 元
						<input type="submit" value="查询" />
				</form>
			</div>
			<div style="text-align: center">
				<c:if test="${empty sessionScope.cart.items}">
					<span>您的购物车中有 <span id="cartTotalCount" style="color: red">0</span> 件商品</span>
					<div>
						<span style="color: red" id="cartLastName"  >购物车为空</span>
					</div>
				</c:if>

				<c:if test="${not empty sessionScope.cart.items}">
					<span>您的购物车中有 <span id="cartTotalCount" style="color: red">${sessionScope.cart.totalCount}</span> 件商品</span>
					<div>
						您刚刚将<span style="color: red" id="cartLastName" >${sessionScope.lastName}</span>加入到了购物车中
					</div>
				</c:if>

			</div>

			<c:forEach items="${requestScope.page.items}" var="book">
			<div class="b_list">
				<div class="img_div">
					<img class="book_img" alt="" src="static/img/default.jpg" />
				</div>
				<div class="book_info">
					<div class="book_name">
						<span class="sp1">书名:</span>
						<span class="sp2">${book.name}</span>
					</div>
					<div class="book_author">
						<span class="sp1">作者:</span>
						<span class="sp2">${book.author}</span>
					</div>
					<div class="book_price">
						<span class="sp1">价格:</span>
						<span class="sp2">￥${book.price}</span>
					</div>
					<div class="book_sales">
						<span class="sp1">销量:</span>
						<span class="sp2">${book.sales}</span>
					</div>
					<div class="book_amount">
						<span class="sp1">库存:</span>
						<span class="sp2">${book.stock}</span>
					</div>
					<div class="book_add">
						<button bookId="${book.id}"class="addItem">加入购物车</button>
					</div>
				</div>
			</div>
			</c:forEach>
		</div>

		<!-- 静态包含分页条 -->
		<%@include file="/pages/common/page_nav.jsp"%>

	</div>
	<%--静态包含页脚信息--%>
	<%@include file="/pages/common/footer.jsp"%>
</body>
</html>